<!DOCTYPE html>

<html>

	<head>

		<meta charset="utf-8">

		<title>用户登录</title>

		<style>

			body{

				background-color: #0000FF;

			}

			.loginDiv{

				width: 550px;

				height: 530px;

				background-color: white;

				/*让div整体居中*/

				margin: 0 auto;

				/*让div顶部外边距是40px,让div距离顶部远些*/

				margin-top: 40px;

				/*调整顶部内边距*/

				padding-top: 30px;

				text-align: center;

			}

			.loginInput{

				width: 426px;

				height: 55px;

				border-radius: 5px;

				border: 1px solid darkgray;

				margin-bottom: 20px;

				padding-left: 30px;

				/*文本框背景透明*/

				background-color: transparent;

				margin-left: -25px;

			}

			.loginBtn{

				width: 453px;

				height: 55px;

				background-color: #FF0000;

				color: white;

				font-size: 20px;

				border-radius: 5px;

				/*去掉边框*/

				border: none;

			}

			.thirdLogin{

				margin-top: 30px;

				margin-bottom: 15px;

			}

			.logpic{

				margin-left: 20px;

			}

		</style>

	</head>

	<body>

		<div class="loginDiv">

			<!-- 这是放logo的div -->

			<div style="text-align: center;">

				<img src="img/tit.png" width=300px"/>

			</div>

			<h2>毕业设计管理系统</h2>

			<div>

				<img src="img/user.png"><input class="loginInput" type="text" placeholder="请输入用户名"/>

				<br>

				<img src="img/password.png"><input class="loginInput" type="password" placeholder="密码"/>

				<br>

				<input class="loginBtn" type="submit" value="登录"/>

			</div>

			<div class="thirdLogin">

				<!-- 这个div放第三方登录 -->

				<img class="logpic" src="img/weixin.png"/>

				<img class="logpic" src="img/weibo.png"/>

				<img class="logpic" src="img/qq.png"/>

			</div>

			<div style="font-size:12px;line-height: 20px;">

				技术支持：太原科技大学 宋书记<br>

				开发者：太原工业学院 王主任

			</div>

		</div>

	</body>

</html>

